<template>
  <div v-if="mode === 'search'">
    <router-link to="/search">Search</router-link> |
    <router-link to="/about">About</router-link>
  </div>
  <div v-else>
    <router-link to="/">Appointments</router-link> |
    <router-link to="/search">Search</router-link> |
    <router-link to="/about">About</router-link>
  </div>
</template>

<script>
import { mapGetters } from "vuex";

export default {
  name: "NavBar",
  computed: {
    ...mapGetters(["mode"])
  }
};
</script>
